﻿@charset "UTF-8";
/*主色调*/
/*文字文本*/
/*单行省略号*/
/*多行省略号*/
/*箭头*/
/**a标签hoverboder效果**/
/**使用vw适配**/
.border {
    border-width: 1px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .border {
        border-width: 0.5px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 3) {
    .border {
        border-width: 0.333333px;
    }
}

body {
    background: #e8e7e6;
}

.banner img {
    width: 100%;
}

.banner .swiper-pagination-bullet {
    background: #fff;
    border: 1px solid #4a4b4d;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}

    .banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
        border-color: #cd001d;
        background: #cd001d;
    }

.category {
    background: #fff;
    padding-top: 12px;
    margin-bottom: 10px;
}

    .category ul:after {
        content: '';
        display: block;
        clear: both;
    }

    .category ul li {
        float: left;
        width: 25%;
        text-align: center;
        margin-bottom: 8px;
    }

        .category ul li a {
            display: block;
        }

            .category ul li a .img {
                width: 50%;
                margin: 0 auto;
            }

            .category ul li a p {
                font-size: 12px;
                color: #777;
                margin-top: 5px;
            }

.service {
    background: #fff;
    margin-bottom: 10px;
}

    .service h2 {
        font-size: 15px;
        color: #757575;
        padding: 10px 0;
        border-bottom-style: solid;
        border-bottom-color: #ccc;
        text-align: center;
    }

    .service ul:after {
        content: '';
        display: block;
        clear: both;
    }

    .service ul li {
        float: left;
        width: 33.33%;
        position: relative;
        border-right-style: solid;
        border-bottom-style: solid;
        border-color: #eee;
        border-width: 0 1px 1px 0;
    }

        .service ul li a {
            display: block;
        }

        .service ul li .img {
            width: 100%;
            height: calc(100vw * (90 / 375));
        }

            .service ul li .img img {
                width: 100%;
                height: 100%;
            }

        .service ul li p {
            position: absolute;
            top: 23%;
            left: 0;
            right: 0;
            text-align: center;
            color: #444;
            font-size: 14px;
        }

.ad {
    margin-bottom: 10px;
    text-align: center;
    height: calc(100vw * (90 / 375));
    width: 100%;
    background: url("../images/bg.jpg") no-repeat center;
    color: #fff;
    overflow: hidden;
    height: 100%;
}

    .ad p {
        font-size: 12px;
        padding: 12px 5% 3px;
    }

    .ad ul:after {
        content: '';
        display: block;
        clear: both;
    }

    .ad ul {
        margin-bottom: 3%;
    }

        .ad ul li {
            float: left;
            width: 33.33%;
        }

            .ad ul li h2 {
                font-size: 22px;
                color: #fef612;
            }

            .ad ul li span {
                font-size: 12px;
            }

.evaluation {
    background: #fff;
    margin-bottom: 10px;
}

    .evaluation .swiper-slide:after {
        content: '';
        display: block;
        clear: both;
    }

    .evaluation .txt {
        padding: 15px 10px;
        float: left;
        width: 70%;
    }

        .evaluation .txt h2 {
            padding: 18px;
            font-size: 12px;
            color: #212121;
            position: relative;
        }

            .evaluation .txt h2:before {
                content: "“";
                display: inline-block;
                position: absolute;
                font-family: Arial;
                font-weight: bold;
                font-size: 36px;
                line-height: 1;
                color: #cd001d;
                left: 0;
                top: 0;
            }

            .evaluation .txt h2:after {
                content: "”";
                display: inline-block;
                position: absolute;
                font-family: Arial;
                font-weight: bold;
                font-size: 36px;
                line-height: 1;
                color: #cd001d;
                right: 10px;
                bottom: -10px;
            }

        .evaluation .txt p {
            padding: 8px 18px;
            font-size: 12px;
            color: #999;
            text-align: right;
        }

    .evaluation .img {
        float: left;
        width: 30%;
        margin-top: 15px;
        padding: 15px 15px 15px 0;
    }

        .evaluation .img .img-border {
            position: relative;
        }

            .evaluation .img .img-border:after {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                border: 2px solid #e5e5e5;
                position: absolute;
                left: -8px;
                top: -8px;
                z-index: 1;
            }

            .evaluation .img .img-border img {
                width: 100%;
                position: relative;
                z-index: 2;
            }

.news {
    background: #fff;
    margin-bottom: 10px;
}

    .news .tab {
        text-align: center;
        border-bottom-style: solid;
        border-bottom-color: #ccc;
        position: relative;
    }

        .news .tab:after {
            content: '';
            display: block;
            clear: both;
        }

        .news .tab span {
            float: left;
            display: block;
            width: 50%;
            font-size: 15px;
            color: #757575;
            padding: 10px;
        }

            .news .tab span.cur {
                color: #cd001d;
            }

        .news .tab .color {
            position: absolute;
            width: 50%;
            left: 0;
            bottom: 0;
            border-bottom: 2px solid #cd001d;
            -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
        }

    .news ul li a {
        display: block;
        padding: 12px;
        border-bottom: 1px solid #eee;
    }

        .news ul li a:after {
            content: '';
            display: block;
            clear: both;
        }

    .news ul li .img {
        float: left;
        width: 28%;
    }

    .news ul li .txt {
        float: left;
        width: 72%;
        padding-left: 10px;
    }

        .news ul li .txt p {
            font-size: 14px;
            color: #757575;
            padding: 5px 0;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

        .news ul li .txt span {
            font-size: 12px;
            color: #999;
        }

.more {
    text-align: center;
    padding: 12px 0;
}

    .more a {
        background-color: #cd001d;
        color: #fff;
        font-size: 12px;
        height: 25px;
        width: 90px;
        text-align: center;
        line-height: 25px;
        outline: none;
        border-radius: 18px;
        border: none;
        cursor: pointer;
        display: block;
        margin: 0 auto;
    }

.partner {
    background: #fff;
}

    .partner h2 {
        font-size: 15px;
        color: #757575;
        padding: 10px 0;
        border-bottom-style: solid;
        border-bottom-color: #ccc;
        text-align: center;
    }

    .partner ul {
        padding: 5px 7px 20px;
    }

        .partner ul:after {
            content: '';
            display: block;
            clear: both;
        }

        .partner ul li {
            width: 33.33%;
            float: left;
            padding: 0 5px;
            margin-top: 15px;
        }

            .partner ul li a {
                display: block;
                border: 1px solid #eee;
                padding: 10px;
            }

            .partner ul li img {
                width: 100%;
            }
